<meta charset="UTF-8">
<title>中国成语大全</title>
<style>

        h1, b{
            color:red;
        }
        .list{

            border: 1px solid gray;
            padding: 8px;
        }
        a{
            color: gray;
            text-decoration: none;
        }
        a:hover{
            color: red;
            text-decoration: underline;
        }
</style>

</head>

<body><?php
$db=new PDO('mysql:host=localhost;dbname=db', 'root', '12qwas');
$count=$db->query("select count(*) from chengyu")->fetchColumn();//成语的总个数
$lanCount=4; //分栏的个数
$chengyuCountPerLan=5;//一个分栏包含成语的个数
$pageSize=$lanCount*$chengyuCountPerLan; //一个页面上显示成语的个数
$pageTotal=ceil($count/$pageSize);//页面的总数
$page=(int)$_GET['page']; //获取要看的页面页码
if($page<1)$page=1; //要保证当前页码是在合理的范围内
else if($page>$pageTotal)$page=$pageTotal;
$n=6;//当前页面左右侧，单侧的超链接个数
$begin=$page-$n;//首个超链接的页码
$over=$page+$n;//最后一个超链接的页码
if($begin<1){
    $begin=1;
    $over=2*$n+1;
}else if($over>$pageTotal){
    $over=$pageTotal;
    $begin=$pageTotal-2*$n;
}
if($begin<1)$begin=1; //确保首个超链接的页码在合理的范围内
if($over>$pageTotal)$over=$pageTotal;//确保最后超链接的页码在合理的范围内
var_dump($page);
?>
<h1>中国成语大全</h1>
<div class="nav"><?php
    for($i=$begin;$i<=$over;$i++){
        if($i==$page)echo "<b>$i</b> ";
        else echo "<a href='?page=$i'>$i</a> ";
    }
    ?>
</div>
<div class="list">
    <div>
        <div>一清二白</div>
        <div>一清二白</div>
        <div>一清二白</div>
    </div>
    <div>
        <div>一清二白</div>
        <div>一清二白</div>
        <div>一清二白</div>
    </div>
    <div>
        <div>一清二白</div>
        <div>一清二白</div>
        <div>一清二白</div>
    </div>
    <div>
        <div>一清二白</div>
        <div>一清二白</div>
        <div>一清二白</div>
    </div>
</div>
</body>